簡(jiǎn)介:表單驗(yàn)證是JavaScript中的高級(jí)選項(xiàng)之一。本案例基于淘寶網(wǎng)用戶注冊(cè)界面,講解正則表達(dá)式(regex)的基本用法,通過對(duì)“用戶名輸入框”、“密碼輸入框”及“確認(rèn)密碼輸入框”的驗(yàn)證分析,扎實(shí)掌握正則表達(dá)式(regex)和交互設(shè)計(jì)的相關(guān)知識(shí)。
第1章 內(nèi)容簡(jiǎn)介及頁(yè)面布局
對(duì)淘寶用戶注冊(cè)界面的布局進(jìn)行分析
第3章 正則表達(dá)式(上)
對(duì)正則表達(dá)式的基礎(chǔ)知識(shí)進(jìn)行講解--介紹、特殊字符、字符類
第4章 正則表達(dá)式(下)
對(duì)正則表達(dá)式的基礎(chǔ)知識(shí)進(jìn)行講解--重復(fù)類、選擇符、定位符、分
組、標(biāo)志、方法
第5章 用戶名輸入框驗(yàn)證
對(duì)注冊(cè)界面的用戶名輸入框中輸入要求--不能為空,字符合法,長(zhǎng)度等進(jìn)行分析,講解正則表達(dá)式的應(yīng)用。
第6章 密碼輸入框驗(yàn)證
對(duì)密碼輸入框中交互設(shè)計(jì)中的三個(gè)動(dòng)作進(jìn)行分析,對(duì)輸入的要求--不能為空、不能用相同字符、長(zhǎng)度等進(jìn)行驗(yàn)證分析。
第7章 確認(rèn)密碼輸入框驗(yàn)證
確認(rèn)密碼輸入框的驗(yàn)證主要是判斷與密碼輸入框內(nèi)容是否一致。